{$wrapper_prefix|default}

<!-- jquery-fileupload -->
<link href="{$_STATIC_CDN}/scripts/jquery-fileupload/6.9.7/css/jquery.fileupload-ui.css" rel="stylesheet"
      type="text/css"/>
<!-- jquery-fileupload @end -->
<link href="{$_STATIC_CDN}/scripts/element-ui/element-ui.css" rel="stylesheet"
      type="text/css"/>
<link rel="stylesheet" href="{$_STATIC_CDN}/scripts/select2/select2.css" type="text/css">
<link rel="stylesheet" href="{$_STATIC_CDN}/scripts/select2/theme.css" type="text/css"/>

<link rel="stylesheet" href="{$_STATIC_URL}/archive/admin/css/content.edit.css"/>

<section id="app" class="hbox  stretch">
    <aside class="aside-md bg-white b-r" id="subNav">
        <section class="vbox">
            <header class="b-b header">
                <p class="h4">{if $content_id}编辑{else}新建{/if}案件</p>
                <button type="button" class="btn btn-sm btn-blue pull-right" id="action_add_card" title="新增一个行动">
                    <i class="fa fa-plus"></i>
                </button>
            </header>
            <section class="scrollable w-f">
                <ul class="nav nav-pills nav-stacked no-radius">
                    <li class="b-b m-t-none-reset nav-map {if ! $card_id}active{/if}" id="nav_base">
                        <a href="javascript:;">
                            <i class="fa fa-chevron-right pull-right m-t-xs text-xs icon-muted"></i>
                            <i class="fa fa-fw fa-ellipsis-v"></i>
                            基本信息
                        </a>
                    </li>
                    {foreach from=$cards key=k item=v}
                    <li class="b-b m-t-none-reset nav-map {if $content_id && $card_id == $v._id}active{/if}"
                        id="nav_card_{$k + 1}" card_id="{$v._id}">
                        <a href="javascript:;">
                            <i class="fa fa-chevron-right pull-right m-t-xs text-xs icon-muted"></i>
                            <i class="fa fa-times default-hidden" title="点击删除"></i>
                            <i class="fa fa-ban default-hidden" title="点击可撤销删除"></i>
                            <i class="fa fa-fw fa-ellipsis-v"></i>
                            {if $content_id}
                            行动 - {$v.title}
                            {else}
                            行动 - {$k + 1}
                            {/if}
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </section>
        </section>
    </aside>

    <aside class="bg-white b-r">
        <section class="vbox">
            <section class="scrollable wrapper w-f">
                <form class="form-horizontal" id="edit_form" action="/archiveadmin/content/add" method="post"
                      enctype="multipart/form-data">
                    <section class="panel">

                        <!-- 基本信息 @start -->
                        {include file="archive/admin/template/content.edit.base.html"}
                        <!-- 基本信息 @end -->

                        <!-- 行动 @start -->
                        {include file="archive/admin/template/content.edit.card.html"}
                        <!-- 行动 @end -->

                    </section>

                    <input type="hidden" name="content_id" id="content_id" value="{$content_id}"/>
                    <input type="hidden" name="delete_card_id" id="delete_card_id" value=""/>
                    <input type="hidden" name="delete_a_id" id="delete_a_id" value=""/>
                    <input type="hidden" name="category_names" id="category_names" value='{$category_names}'/>
                    <input type="hidden" name="department_names" id="department_names" value='{$department_names}'/>
                    <input type="hidden" name="labels_title" id="labels_title" value='{$labels_title}'/>
                </form>
            </section>

            <footer class="footer b-t bg-white-only">
                <div class="m-t-sm">
                    <a href="#subNav" data-toggle="class:hide" class="btn btn-sm btn-default active btn-nav-archive"
                       btn_nav_archive_index="1">
                        <i class="fa fa-caret-right text fa-lg"></i>
                        <i class="fa fa-caret-left text-active fa-lg"></i>
                    </a>
                    <button type="button" data_submit_type="submit_save_back"
                            class="btn btn-s-md btn-blue btn-sm input-submit">保存
                    </button>
                    <button type="button" data_submit_type="submit_cancel" class="btn btn-danger btn-sm input-submit">
                        取消
                    </button>
                    <span id="edit_notice"></span>
                </div>
            </footer>
        </section>
    </aside>


</section>

<!-- modal - 删除行动时选择删除二次确认人 -->
<div class="modal fade modal-select-confirm" id="modal_select_confirm">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close close-modal" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">选择二次确认人</h4>
            </div>
            <div class="modal-body panel-body">

                {foreach from=$users_confirm item=v}
                <div class="item-user text-center cursor-pointer" data-userid="{$v.userid}">
                    <div class="thumb-lg thumbnail item-user-img">
                        {if $v.avatar}
                        <img class="img-circle" src="{$v.avatar}"/>
                        {else}
                        <img class="img-circle" src="/static/panel/img/avatar_default.jpg"/>
                        {/if}
                    </div>
                    <div class="h5 m-b-xs text-center user-name">{if $v.fullname}{$v.fullname}{else}{$v.username}{/if}</div>
                </div>
                {/foreach}

            </div>
            <div class="modal-footer">
                <button type="button" id="submit_select_user" class="btn btn-s-md btn-blue">确定</button>
                <button type="button" class="btn btn-danger close-modal" data-dismiss="modal">取消</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- / modal - 删除行动时选择删除二次确认人 -->

<!-- modal - 删除资料时选择删除二次确认人 -->
<div class="modal fade modal-select-confirm" id="modal_select_confirm_a">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close close-modal" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">选择二次确认人</h4>
            </div>
            <div class="modal-body panel-body">

                {foreach from=$users_confirm item=v}
                <div class="item-user text-center cursor-pointer" data-userid="{$v.userid}">
                    <div class="thumb-lg thumbnail item-user-img">
                        {if $v.avatar}
                        <img class="img-circle" src="{$v.avatar}"/>
                        {else}
                        <img class="img-circle" src="/static/panel/img/avatar_default.jpg"/>
                        {/if}
                    </div>
                    <div class="h5 m-b-xs text-center user-name">{if $v.fullname}{$v.fullname}{else}{$v.username}{/if}</div>
                </div>
                {/foreach}

            </div>
            <div class="modal-footer">
                <button type="button" id="submit_select_user_a" class="btn btn-s-md btn-blue">确定</button>
                <button type="button" class="btn btn-danger close-modal" data-dismiss="modal">取消</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- / modal - 删除资料时选择删除二次确认人 -->

<!-- Datepicker -->
<link href="{$_STATIC_URL}/scripts/datepicker/css/datepicker3.css" rel="stylesheet" type="text/css"/>
<script src="{$_STATIC_URL}/scripts/datepicker/js/bootstrap-datepicker.js"></script>
<script src="{$_STATIC_URL}/scripts/datepicker/js/locales/bootstrap-datepicker.zh-CN.time.js" charset="UTF-8"></script>

<!-- Datetimepicker -->
<link href="{$_STATIC_CDN}/scripts/datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css"/>
<script src="{$_STATIC_CDN}/scripts/datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="{$_STATIC_CDN}/scripts/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        type="text/javascript"></script>

<!-- jquery-fileupload -->
<!--<link href="{$_STATIC_CDN}/scripts/jquery-fileupload/6.9.7/css/jquery.fileupload-ui.css" rel="stylesheet" type="text/css" />-->
<!--<script src="{$_STATIC_CDN}/scripts/jquery-fileupload/6.9.7/js/vendor/jquery.ui.widget.js" type="text/javascript"></script>-->
<!--<script src="{$_STATIC_CDN}/scripts/jquery-fileupload/6.9.7/js/jquery.iframe-transport.js" type="text/javascript"></script>-->
<!--<script src="{$_STATIC_CDN}/scripts/jquery-fileupload/6.9.7/js/jquery.fileupload.js" type="text/javascript"></script>-->
<!-- jquery-fileupload @end -->
<script>
    var fastWorkerPath = "{$_STATIC_CDN}/scripts/fileUploader/fast.worker.js";
    var upload_service = '{$upload_service}';
</script>
<script src="{$_STATIC_CDN}/scripts/fileUploader/spark-md5.js" type="text/javascript"></script>
<!--<script src="{$_STATIC_CDN}/scripts/fileUploader/fast.worker.js" type="text/javascript"></script>-->
<script src="{$_STATIC_CDN}/scripts/vue/vue.js" type="text/javascript"></script>
<script src="{$_STATIC_CDN}/scripts/element-ui/element-ui.js" type="text/javascript"></script>
<script src="{$_STATIC_CDN}/scripts/select2/select2.min.js"></script>

<script src="{$_STATIC_CDN}/scripts/file-input/bootstrap-filestyle.min.js"></script>

<script src="{$_STATIC_URL}/archive/admin/js/content.edit.js" type="text/javascript"></script>
<script src="{$_STATIC_URL}/archive/admin/js/content.upload.js" type="text/javascript"></script>
<script src="{$_STATIC_URL}/archive/admin/js/content.clipcloud.js" type="text/javascript"></script>

{$wrapper_suffix|default}